Chomu's Blog.

>

Posts

GitHub

[포스코x코딩온] 웹 풀스택 과정 7기 1주차 금요일 회고

목차

반복문

이번 시간에는 JS의 반복문에 대해 다뤄 보았다.

for문

for (let i = 0; i < 10; i++) {
  console.log(i);
}

while문

let i = 0;
while (i < 10) {
  console.log(i);
  i++;
}

do while문

let i = 0;
do {
  console.log(i);
  i++;
} while (i < 10);

do while문은 while문과 다르게 조건이 맞지 않아도 최소 한번은 실행된다.

for of문

const arr = [1, 2, 3, 4, 5];
for (let i of arr) {
  console.log(i); // 1, 2, 3, 4, 5
}

for in문

const arr = { a: 1, b: 2, c: 3, d: 4, e: 5 };
for (let i in arr) {
  console.log(i); // a, b, c, d, e
}

오브젝트의 키값을 가져올 때 사용한다.
참고로 배열을 넣으면 배열의 인덱스를 가져오는데 숫자형이 아닌 문자형으로 가져온다.
~~이게 언어냐~~

break문

for (let i = 0; i < 10; i++) {
  if (i === 5) {
    break;
  }
  console.log(i); // 0, 1, 2, 3, 4
}

객체형

객체

let cat = {
  name: "나비",
  age: 1,
  mew: () => "야옹",
};
console.log(cat.age); // 1
console.log(cat.mew()); // 야옹
console.log(cat.gender); // undefined
cat["gender"] = "boy";
console.log(cat.gender); // boy

배열

let arr = [1, true, null, undefined, [1, 2, 3], { name: "나비" }];
console.log(arr); // [1, true, null, undefined, [1, 2, 3], { name: "나비" }]
console.log(arr[0]); // 1
console.log(arr.length); // 6
 
arr.push("ㅂㅇ"); // 배열의 끝에 추가
console.log(arr); // [1, true, null, undefined, [1, 2, 3], { name: "나비" }, "ㅂㅇ"]
 
console.log(arr.pop()); // "ㅂㅇ"
console.log(arr.length); // 6
 
arr.unshift("ㅎㅇ"); // 배열의 앞에 추가
console.log(arr); // ["ㅎㅇ", 1, true, null, undefined, [1, 2, 3], { name: "나비" }]
 
console.log(arr.shift()); // "ㅎㅇ"
console.log(arr); // [1, true, null, undefined, [1, 2, 3], { name: "나비" }]
 
arr[5] = 5;
console.log(arr); // [1, true, null, undefined, [1, 2, 3], 5]
arr[10] = 10; // 중간에 빈 공간이 생긴다.
console.log(arr); // [1, true, null, undefined, [1, 2, 3], 5, undefined × 4, 10]
 
const const_arr = [1, 2, 3];
console.log(const_arr);
const_arr[0] = 10;
console.log(const_arr);
// const 로 선언한 배열은 배열의 값을 변경할 수 있다.
// 변경할 수 없는 것은 배열의 주소값이다.

Date

const now = new Date();
document.write(now.getFullYear());
document.write(now.getMonth() + 1); // month는 0부터 시작
document.write(now.getDate()); // 날짜
document.write(now.getDay()); // 요일
document.write(now.getHours());
document.write(now.getMinutes());
document.write(now.getSeconds());
 
document.write(now.toLocaleString());

Math

document.writeln(Math.PI, Math.E);
document.writeln(Math.min(1, 2, 3, 4, 5)); // 최소값 1
document.writeln(Math.max(1, 2, 3, 4, 5)); // 최대값 5
document.writeln(Math.random()); // 0 ~ 1 사이의 랜덤한 숫자
document.writeln(Math.floor(Math.random() * 10)); // 내림
document.writeln(Math.ceil(Math.random() * 10)); // 올림
document.writeln(Math.round(Math.random() * 10)); // 반올림